import React, { Component } from 'react'
import "./index.scss"
import { Radio, Input, Select, Icon ,Button } from 'antd';
const { TextArea } = Input;
const { Option } = Select;
const selectAfter = (
  <Select defaultValue="北京" style={{ width: 80 }}>
    <Option value="北京">北京</Option>
    <Option value="上海">上海</Option>
    <Option value="广州">广州</Option>
    <Option value="深圳">深圳</Option>
  </Select>
);
export default class Delivery extends Component {
  state = {
    value: 1,
  }
  onChange = e => {
    console.log('radio checked', e.target.value);
    this.setState({
      value: e.target.value,
    });
  };
  render() {
    return (
      <div className="delivery">
        <header>代理商入驻信息申请表</header>
        <div className="content">
          <p className="title">
            饿了么面向全国招募配送代理商，负责饿了么网络平台在各城市的即时配送任务，并享有该业务的所得，饿了么，和你一起拼！
          </p>
          <div className="line">
            申请类型
          </div>
          <div className="redio">
            <Radio checked={true}>配送代理</Radio>
          </div>
          <div className="line">
            公司信息
          </div>
          <div className="tips">
            <span className="star">*</span>
            公司名称
          </div>
          <div className="input">
            <Input defaultValue="" />
          </div>
          <div className="tips">
            <span className="star">*</span>
            公司地址
          </div>
          <div className="input">
            <Input defaultValue="" />
          </div>
          <div className="tips">
            <span className="star">*</span>
            公司规模
          </div>
          <div className="input">
            <Input addonAfter="人" defaultValue="" />
          </div>
          <div className="tips">
            <span className="star">*</span>
            注册资金
          </div>
          <div className="input">
            <Input addonAfter="万元" defaultValue="" />
          </div>
          <div className="tips">
            <span className="star">*</span>
            主营业务描述
          </div>
          <div className="textarea">
            <TextArea
              placeholder=""
              autoSize={{ minRows: 3, maxRows: 5 }}
            />
          </div>
          <div className="line">
            代理信息
          </div>
          <div className="tips">
            <span className="star">*</span>
            公司规模
          </div>
          <div className="input">
            <Input addonAfter={selectAfter} defaultValue="" />
          </div>
          <div className="tips" style={{"marginBottom":15}}>
            <span className="star">*</span>
            期待加入方式 <Icon type="info-circle" theme="filled" />
          </div>
          <div className="redio">
            <Radio.Group onChange={this.onChange} value={this.state.value}>
              <Radio value={1}>新增代理商</Radio>
              <Radio value={2}>收购其他代理商</Radio>
            </Radio.Group>
          </div>
          <div className="tips" style={{"marginTop":25}}>
            <span className="star">*</span>
            行业经验描述
          </div>
          <div className="textarea">
            <TextArea
              placeholder=""
              autoSize={{ minRows: 3, maxRows: 5 }}
            />
          </div>
          <div className="line">
            联系人
          </div>
          <div className="tips">
            <span className="star">*</span>
            姓名
          </div>
          <div className="input">
            <Input defaultValue="" />
          </div>
          <div className="tips">
            <span className="star">*</span>
            手机号
          </div>
          <div className="input">
            <Input defaultValue="" />
          </div>
          <div className="tips">
            <span className="star">*</span>
            验证码
          </div>
          <div className="input">
            <Input addonAfter="获取验证码" defaultValue=""/>
          </div>
          <div className="tips">
            <span className="star">*</span>
            身份证号
          </div>
          <div className="input">
            <Input defaultValue="" />
          </div>
          <div className="tips">
            <span className="star">*</span>
            邮箱
          </div>
          <div className="input">
            <Input defaultValue="" />
          </div>
          <div className="submit">
          <Button type="primary">确认提交</Button>
          </div>
        </div>
      </div>
    )
  }
}
